<page-header [title]="title" [subTitle]="subTitle"></page-header>
<div class="panel panel-default">
    <div class="panel-body">
        <div class="form-inline">
            <div class="form-group">
                <datetimepicker [(DateTime)]="queryParams.fromDate"></datetimepicker>
            </div>
            <div class="form-group">    
                <datetimepicker [(DateTime)]="queryParams.toDate"></datetimepicker>
            </div>
            <div class="form-group">
                <input type="text" [(ngModel)]="queryParams.title" class="form-control" id="exampleInputEmail3" placeholder="标题">
            </div>
            <button type="button" class="btn btn-default" (click)="getNewsList()">
                <i class="glyphicon glyphicon-search"></i>
                查询
            </button>
        </div>
        <br>
        <div class="table-responsive">
            <table class="table table-bordered">
                <tr class="active">
                    <th>时间</th>
                    <th>标题</th>
                    <th>简介</th>
                    <th>操作</th>
                </tr>
                <tr *ngFor="let item of newsList">
                    <td >{{item.createTime}}</td>
                    <td>
                        <a href="javascript:void(0)" (click)="goNewsInfo(item.newsId)">{{item.title}}</a>
                    </td>
                    <td style="width:50%">{{item.brief}}</td>
                    <td style="width:12%">
                        <a href="javascript:void(0);" (click)="editNews(item.newsId)">编辑</a> |
                        <a href="javascript:void(0);" (click)="delNews(item.newsId)">删除</a>
                    </td>
                </tr>
            </table>
        </div>

        <pager></pager>
    </div>
</div>